<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  <div class="form-group">
    <label class="control-label col-xs-12 col-sm-2">状态:</label>
    <div class="col-xs-12 col-sm-8">
      <select id="c-act_status" class="form-control selectpicker" name="row[status]" data-rule="required">
        <option value="1" {if $row.status == 1}selected{/if}>审核通过</option>
        <option value="2" {if $row.status == 2}selected{/if}>审核驳回</option>
      </select>
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-xs-12 col-sm-2">{:__('Reason')}:</label>
    <div class="col-xs-12 col-sm-8">
      <textarea id="c-reason" class="form-control" name="row[reason]" rows="4" placeholder="请输入驳回原因或备注信息">{$row.reason|htmlentities}</textarea>
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-xs-12 col-sm-2">充值截图:</label>
    <div class="col-xs-12 col-sm-8">
      <div class="input-group">
        <img src="{$row.img|htmlentities}" alt="Sample Image" id="zoomable-image" width="150">
      </div>
    </div>
  </div>
  <input id="c-id" class="form-control" name="row[id]" type="hidden" value="{$row.id|htmlentities}">

  <div class="form-group layer-footer">
    <label class="control-label col-xs-12 col-sm-2"></label>
    <div class="col-xs-12 col-sm-8">
      <button type="submit" class="btn btn-success btn-embossed ">{:__('OK')}</button>
      <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
    </div>
  </div>
</form>

<style>
  .zoomed {
    transform: scale(2); /* 放大到2倍大小 */
    transition: transform 0.5s ease;
  }
</style>

<script>
  document.getElementById('zoomable-image').addEventListener('click', function() {
    this.classList.toggle('zoomed');
  });
</script>